<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>codefun</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./lishidingdan.css" />
    <script type="text/javascript" src="./lishidingdan.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-row justify-between section">
        <span class="font text">9:41</span>
        <div class="flex-row">
          <img
            class="image"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=4db58289cb817c319123506a45f49443.png"
          />
          <img
            class="image_2 ml-8"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=5323492a100db538772815b992e52694.png"
          />
          <img
            class="image_3 ml-8"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=cbd94863d38ee0cd7407b6552a3f97b5.png"
          />
        </div>
      </div>
      <div class="flex-row justify-center items-center relative section_2">
        <img
          class="pos image_1"
          src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=6ed8a2ab9d80a40a6529159d97eb38e1.png"
          onclick="onClick()"
        />
        <span class="font text_2">订单</span>
        <div class="flex-col justify-start section_3 pos_2">
          <div class="group"></div>
          <span class="font_2 text_3 pos_3">搜索</span>
        </div>
      </div>
      <div class="flex-col section_4">
        <div class="flex-row self-stretch group_2">
          <span class="font_2 text_4">全部</span>
          <span class="font_2 text_5">待支付</span>
          <span class="font_2 text_6">待取餐</span>
          <span class="font_2 text_7">已完成</span>
          <span class="font_2 text_8">已取消</span>
        </div>
        <div class="shrink-0 self-start section_5"></div>
      </div>
      <div class="flex-col justify-start items-center image-wrapper">
        <img
          class="shrink-0 image_5"
          src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=f54a448d4e0893c17650d9262aaa9b9b.png"
        />
      </div>
      <div class="flex-col justify-start section_6">
        <div class="flex-row">
          <div class="flex-col items-center group_3 equal-division-item">
            <img
              class="image_6"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=f330983f700cf4c52d515b17e1cc1f7b.png"
            />
            <span class="font_3 mt-6">首页</span>
          </div>
          <div class="flex-col items-center group_3 equal-division-item ml-24">
            <img
              class="image_6"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=8f1c24b1f048d3fdc01c36137d620553.png"
            />
            <span class="font_3 mt-6">发现</span>
          </div>
          <div class="flex-col items-center group_3 group_1 ml-24">
            <img
              class="image_6"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=aa50669182043ef5df1c2c51295b2121.png"
            />
            <span class="font_3 text_9 mt-6">历史订单</span>
          </div>
          <div class="flex-col items-center group_3 group_4 ml-24">
            <img
              class="image_6"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=8bc1c424d7c133687ff92fda170a3a5a.png"
            />
            <span class="font_3 text_10 mt-6">我的</span>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>